<template>
  <Tabbar class="my">
    <AppHeader :show-back="false">
      <div>{{ user.nick_name }}</div>
      <div slot="right">退出登录</div>
    </AppHeader>

    <div class="main">
      <div class="acount-info">当前账号：{{ user.account }}</div>
      <ul class="acount-func">
        <router-link tag="li" class="my-fav" :to="{ name: 'Collection' }">
          我的收藏
        </router-link>
        <router-link tag="li" class="modify-pwd" :to="{ name: 'Collection' }">
          修改密码
        </router-link>
      </ul>
    </div>
  </Tabbar>
</template>

<script>
import { inject } from "@vue/composition-api";

export default {
  name: "My",
  setup() {
    const app = inject("app");

    return {
      user: app.auth
    };
  }
};
</script>
